<template>
    <div class="main-head">
        <div class="head-lv-1">
            <div class="head-lv-2-l">
                <ul>
                    <li><router-link to="/home">首页</router-link></li>
                </ul>
            </div>
            <div class="head-lv-2-r">
                <ul>
                    <li><router-link to="/user">个人中心</router-link></li>
                </ul>
            </div>
        </div>
    </div>
</template>
<script>
    export default {
        name: 'HeadTone',
        data(){
            return{}
        }
    }
</script>
<style>
    .main-head a  { text-decoration: none;color: #ffffff;}
    .main-head ul { margin: 0;}
    .main-head li { list-style: none; }

    .main-head{
        background: #ec8923;
        width: 100%;
        height: 35px;
        color: #ffffff;
        top: 0px;
        position: relative;
        line-height: 35px;
        font-family: 'Courier New', '楷体';
        font-size: 13px;
        text-align: left;
    }

    .head-lv-1{
        width: 80%;
        height: 35px;
        line-height: 35px;
    }
    .head-lv-2-l{
        width: 30%;
        float: left;
        height: 35px;
        padding-left: 20%;
        line-height: 35px;
    }
    .head-lv-2-r{
        width: 50%;
        float: right;
        height: 35px;
        line-height: 35px;
    }
</style>